﻿.b-drop-zone {
    position: relative;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

    &.b-drop-zone-drag-block > * {
        pointer-events: none;
    }

    &.b-drop-zone-drop-allowed {
        outline: 1px solid var(--b-theme-success, "#00FF00") !important;
    }

    &.b-drop-zone-drop-not-allowed {
        outline: 1px solid var(--b-theme-danger, "#FF0000") !important;
    }

    &-draggable:not(.draggable-preview-start) {
        cursor: grab;
        user-select: none;

        &:active {
            cursor: grabbing;
        }
    }

    .draggable-placeholder {
        outline: 2px dashed var(--b-theme-primary, "#0000FF") !important;
        padding: 1rem;
    }

    .draggable-preview-start {
        height: 20px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: +1;
    }
}
